<template>
  <div>
    <van-nav-bar title="订单列表" left-text="返回" left-arrow  @click-left="onClickLeft">
      <template #right>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>
    <div v-for="item in goodstop3" :key="item.num">
      <van-card
        :num="item.num"
        :price="item.price"
        :desc="item.desc"
        :title="item.name"
        :thumb="item.pic"
      >
        <template #tags>
          <van-tag plain type="danger">{{item.tag}}</van-tag>
        </template>
        <template #footer>
          <van-button size="mini">按钮1</van-button>
          <van-button size="mini">按钮2</van-button>
        </template>
      </van-card>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      goodstop3: [{
        pic: "https://img01.yzcdn.cn/vant/cat.jpeg",
        name: "洗衣服",
        desc: "洗完穿\"新\"衣",
        tag:'超值优惠',
        price:'19.9',
        orginPrice:'35',
        num:3
      },
        {
          pic: "https://img01.yzcdn.cn/vant/cat.jpeg",
          name: "洗衣服",
          desc: "洗完穿\"新\"衣",
          tag:'超值优惠',
          price:'39.9',
          orginPrice:'55',
          num:4
        },
        {
          pic: "https://img01.yzcdn.cn/vant/cat.jpeg",
          name: "洗衣服",
          desc: "洗完穿\"新\"衣",
          tag:'超值优惠',
          price:'49.9',
          orginPrice:'75',
          num:5
        }]
    };
  },
  methods:{
    onClickLeft:function(){
      this.$router.go(-1);
    },
  }
}
</script>

<style scoped>

</style>
